<!doctype html>
<html style="width: 80%; height: 80%;">
  <head>
    <title>Getting Started Extension's Popup</title>
    
    <!--
      - JavaScript and HTML must be in separate files: see our Content Security
      - Policy documentation[1] for details and explanation.
      -
      - [1]: http://developer.chrome.com/extensions/contentSecurityPolicy.html
     -->
	    <link type="text/css" href="bootstrap.css" rel="stylesheet">
        <link type="text/css" href="index.css" rel="stylesheet">
		<script type="text/javascript" src="jquery-1.9.0.min.js"></script>
		<script type="text/javascript" src="bootstrap.min.js"></script>
		<script type="text/javascript" src="popup.js"></script>
		
  </head>
  <body >
	<div id="al" style="width: 400px; color:red; text-align:center; margin-top:-20px">
		<h3>Invalid Url or not supported site!</h3>
	</div>
    <div id="dialog-modal" style="display:none">		
            <div class="row top-inner">
                <div class="left">
                    <a class="image-link" id="productLink" href="">
                        <img id="productImage" src=""/>
						
                    </a>
                </div>
                <div class="right">
                    <div class="right">
                        <h1 id="productName" class="title"></h1>
						
                        <form id="actionform" class="row fields desired" action="http://localhost:8084/price-recommendation-tracking-system/HomeController?btAction=ExTrack" method="post" autocomplete="off">
                            <input name="csrfmiddlewaretoken" value="wCgacgBlj92QPfOp9acRUH0Aqsh54ouM" type="hidden">

                            <label class="desired-price">
                                Desired Price
                            </label>

                            <div>
                                <span class="desired-errors"></span>
                            </div>

                            <div class="col-8 input-group desiredPrice">
                                <span class="input-group-addon">$</span>
                                <input id="id_desired_price" name="desired_price" required="" min="0"value="" type="number" step="any">
                            </div>

                            <span class="col-4">

                                <button id="btTrack" class="btn btn-large btn-danger" type="submit" name="btAction" value="track" id="track-it">
                                  &nbsp;
                                    track
                                </button>

                            </span>
							<input type="hidden" id="PURL" name="PURL"/>
							<input type="hidden" id="PName" name="PName"/>
							<input type="hidden" id="PPrice" name="PPrice"/>
							<input type="hidden" id="PImage" name="PImage"/>
                        </form>

                        <div class="row fields current">
                            <div class="col-8 price-container">
                                <label class="current-price">
                                    <span class="pull-left recent-price">current&nbsp;price</span>

                                </label>

                                <div class="current-price-available ">
                                    <span class="gen-append"></span>
                                    <span id="productPrice" class="gen-price"></span>
                                </div>


                            </div>
              
 

                    </div>
                </div>
            </div>


        </div>
  </body>
  
</html>

